
            	
                <!-- Begin Box Detail -->
                <div class="contact">
                    <h1 class="ic-title">Kontak Kami</h1>
                    
                    <div class="col1 left">
                    	<h1>Mohamad Sartono</h1>
                        <p class="ic-1">
                            Jl. Benda Barat 14, B 13/11 <br />
                            Pamulang permai 2<br />
                            Pondok Benda - Tangerang Selatan<br />
                        </p>
                        <p class="ic-2">
                            0812-908-7056 / 0859-894-4950
                        </p>
                        <p class="ic-3">
                            <a href="mailto:mohsartono1503@gmail.com">mohsartono1503@gmail.com</a><br />
                            <a href="mailto:info@slutenamujarab.com">info@slutenamujarab.com</a>
                        </p>
                        
                    	<iframe src="https://mapsengine.google.com/map/embed?mid=zN9R0tK1CNQg.kFlIB6BgmMNc" width="450" height="350"></iframe>
                    </div>
                    
                    <div class="col2 right">
                        <form name="kontak" id="kontak" action="<?php echo base_url()?>send-mail.html" method="post">
                           <ul class="none-list-type">
                             <li> 	
                                <div class="label ">Nama : </div>
                                <div class="frm-input "><input type="text" name="name" id="name" class="input1" /></div>
                             </li>
                             <li> 	
                                <div class="label ">Email : </div>
                                <div class="frm-input "><input type="text" name="email" id="email" class="input1" /></div>
                             </li>
                             <li> 	
                                <div class="label">Telpon : </div>
                                <div class="frm-input "><input type="text" name="telp" id="telp" class="input1" /></div>
                                <div class="clear"></div>
                             </li>
                             <li> 	
                                <div class="label">Alamat : </div>
                                <div class="frm-input "><textarea name="address" id="address" class="area1"></textarea></div>
                             </li>
                             <li> 	
                                <div class="label ">Pesan : </div>
                                <div class="frm-input"><textarea name="message" id="message" class="area2"></textarea></div>
                             </li>
                             <li> 	
                                <div class="frm-input "><input type="submit" value="KIRIM" class="btn1" /></div>
                             </li>
                           </ul>
                            
                       </form>
                       <div id="result"></div>
                       <div id="loading"><img src="<?php echo base_url()?>images/loader.gif" /></div>
                    </div>
                    
                </div>
                <!-- End Box Detail -->

<script language="javascript" type="text/javascript">
$(document).ready(function() {	
	// Validation	
	var validator = $("#kontak").validate({
		event: "blur",
		errorElement: "div",
		focusInvalid:true,	
		// Declare Rules
		rules: {
			name: {
				required: true,
				maxlength: 255			
			},	
			address: {
				required: false		
			},
			telp: {
				required: false,	
				maxlength: 50	
			},
			email: {
				required: true,
				email: true,
				maxlength: 255				
			},
			message: {
				required: true
			}
		},
		
		// Provide Error Message
		messages: {
			name: {
				required: "Silahkan isi nama anda",
				maxlength: "Kolom Nama maksimal berjumlah 255 karakter"		
			},
			address: {
			},
			telp: {
				maxlength: "Kolom Telpon maksimal berjumlah 50 karakter"
			},
			email: {
				required: "Silahkan isi email anda",
				email: "Silahkan isi email anda yang valid ",
				maxlength: "Kolom Email maksimal berjumlah 255 karakter"
			},
			message: {
				required: "Silahkan isi Pesan anda"
			}					
		},
		
		
		// Send via AJAX
		submitHandler: function(form) {
			$(".frm").hide();
			jQuery(form).ajaxSubmit({
				target: "#result",
				clearForm:true,
				beforeSend: function () { 
					$("#loading").show();
				},				
				success: function() {				
								
					$("#result").show("normal");
					$(".error").hide();
					$("#loading").hide();		
					$("#result").fadeTo(5000,1,function(){
						$(this).fadeOut("slow");
						$(".frm").show();
					});				
				}
			});
		}	
		
		
	});
});
</script>

